<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        {{msg}}
    </div>
</body>
<script src="./js/vue.js"></script>
<script>
    Vue.config.productionTip = false;
    var vm = new Vue({
        el:"#app",
        data:{
          msg:""
        },
        beforeCreate(){
            //只是完成了 vue自定义事件的初始化 注册了部分生命周期钩子
            // console.log("beforeCreate",this.msg)
            // setTimeout(()=>{
                //有可能数据的响应式是没有完成的!!!!
                this.msg = "xxx"
            // },0)
        },
        created(){
            //完成了数据的转绑 完成了数据的响应式
            //如果想要通过改变data中的数据 来触发界面更新的话 最早只能在created钩子中
            //发送请求去后台获取数据 将获取的数据展示在界面上  this.msg = 获取来的数据
            //ajax请求最早只能在created钩子中发送
            console.log("created",this.msg)
        }
    })

    
    /*function Vue(options) {
        options.beforeCreate.call(this)
        //... 大量的代码   数据装绑 数据响应式
        options.created.call(this)
    }*/

</script>
</html>